import PropTypes from 'prop-types'
import React from 'react'
// import CSSModules from 'browser/lib/CSSModules'
// import styles from './SwitchButton.styl'
import i18n from '../../lib/i18n'
import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip';
const TagButton = ({ onClick, isTagActive }) => (
  <Tooltip title={i18n.__('Tags')}>
 <IconButton
    className={isTagActive ? 'active-button' : 'non-active-button'}
    onClick={onClick}
  >
    <img
      src={
        isTagActive
          ? '../resources/icon/icon-tag-active.svg'
          : '../resources/icon/icon-tag.svg'
      }
    />
  </IconButton></Tooltip>
)

TagButton.propTypes = {
  onClick: PropTypes.func.isRequired,
  isTagActive: PropTypes.bool.isRequired
}

export default TagButton;// CSSModules(TagButton, styles)
